<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>管理员登陆</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Bootstrap core CSS -->
    <link href="__STATIC__/css/bootstrap.css" rel="stylesheet">

    <!-- Add custom CSS here -->
    <link href="__STATIC__/css/animate.css" rel="stylesheet">
    <link href="__STATIC__/css/style.css" rel="stylesheet">
    <link rel="stylesheet" href="__STATIC__/font-awesome/css/font-awesome.min.css">
</head>
    
	<body>

		<div class="container">
			<div class="row">
				<div class="col-md-4 col-md-offset-4">
					
					<!-- Start Sign In Form -->
					<form action="{:U('login/login')}" method="post" class="fh5co-form animate-box" data-animate-effect="fadeIn">
						<h2>后台登录</h2>
						<div class="form-group">
							<label for="username" class="sr-only">用户名</label>
							<input type="text" class="form-control" name="username" id="username" placeholder="用户名" autocomplete="off">
						</div>
						<div class="form-group">
							<label for="password" class="sr-only">密码</label>
							<input type="password" class="form-control"  name="password" id="password" placeholder="密码" autocomplete="off">
						</div>
                        
                        <div class="form-group">
                           
                            <div class="row">
                                <div class="col-md-8">
                                    <input type="text"  name="verify" class="form-control" id="exampleInputCode" placeholder="验证码">
                                </div>
                                <div class="col-md-4">
                                    <a href="javascript:void(0)"><img class="verify" src="{:U('login/verify')}" alt="点击刷新"/></a>
                                </div>
                            </div>
                        </div>
						<div class="form-group">
							<label for="remember"><input type="checkbox" id="remember"> 记住我</label>
						</div>
						<div class="form-group">
							<p>忘记密码? </p>
						</div>
						<div class="form-group">
							<input type="submit" value="登录" class="btn btn-primary" style="width:100%;">
						</div>
					</form>
					<!-- END Sign In Form -->

				</div>
			</div>
			<div class="row" style="padding-top: 60px; clear: both;">
				<div class="col-md-12 text-center"><p><small>&copy; All Rights Reserved. </div>
			</div>
		</div>
	
	<!-- jQuery -->
    <script src="__STATIC__/js/jquery-1.10.2.js"></script>
	<!-- Bootstrap -->
    <script src="__STATIC__/js/bootstrap.min.js"></script>
	<!-- Placeholder -->
    <script src="__STATIC__/js/jquery.placeholder.min.js"></script>
	<!-- Waypoints -->
    <script src="__STATIC__/js/jquery.waypoints.min.js"></script>
	<!-- Main JS -->
    <script src="__STATIC__/js/main.js"></script>
    <script>
        $(function(){
            $(".verify").click(function(){
                var src = "{:U('login/verify')}";
                var random = Math.floor(Math.random()*(1000+1));
                $(this).attr("src",src+"&random="+random);

            });
        })
    </script>

	</body>
</html>

